<template>
 <div class="async-loading-component" v-loading="isShowLoading"></div>
</template>

<script lang="ts" setup>
const isShowLoading=ref(true)
onMounted(() => {
  console.log('async component loading')
})
</script>

<style scoped lang="scss">
.async-loading-component {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background: white;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
</style>
